<script lang="ts" setup></script>

<template>
  <div class="not-found">
    <img src="@/assets/404.png" />
    <h3 class="desc">您要访问的页面不存在哦~</h3>
  </div>
</template>

<style lang="scss" scoped>
.not-found {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: 100vh;
  background-color: var(--cp-bg);

  .desc {
    font-size: 16px;
    font-weight: 400;
    font-style: italic;
  }
  img {
    width: 80%;
    // height: 100%;
  }
}
</style>
